/**
 * Created by Administrator on 2017/3/31 0031.
 */
'use strict';
import React, { Component } from 'react';
import {
    AppRegistry,
    StatusBar,
    Navigator,
    TouchableHighlight,
    Image,
    PixelRatio,
    ScrollView,
    Text,View,Button,
} from 'react-native';

import Head from './layout/Head';
import styles from '../assets/css/style.js';
var rem = (require('Dimensions').get('window').width)/7.5;
var her=(require('Dimensions').get('window').height)-6.84*rem;
var onePT=1/PixelRatio.get();

export default class HeadOne extends Component{
    render(){
        var lists=[["首 页","icon_in"],["状态查看","icon_ck"],["设 置","icon_sz"]];
        return (
            <View style={[styles.flex,styles.bgcolor]}>
                <Head title="测试功能" list={lists}> </Head>
                <ZhuangTai> </ZhuangTai>

            </View>
            //<View>
            //    <Text>hello world</Text>
            //</View>


        )
    }
}

class ZhuangTai extends Component{
    render() {
        return (
            <View style={styles.flex}>
                <ScrollView style={styles.ztScroll}>
                    <View style={styles.ccwrap}>
                        <View style={styles.iconWrap}>
                            <Image
                                style={styles.ccIcon_gif}
                                resizeMode="contain"
                                source={require('../../assets/img/icon_gif.png')}
                            />
                            <Text style={styles.icon_font}>一键诊断</Text>
                        </View>
                        <View style={styles.test_tex}>
                            <View style={[styles.test_list,styles.opacity01]}>
                                <Text style={styles.test_font}>路由器安全性</Text>
                                <Image
                                    style={styles.icon_test}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_test.png')}
                                />
                            </View>
                            <View style={[styles.test_list,styles.opacity02]}>
                                <Text style={styles.test_font}>WIFI密码安全</Text>
                                <Image
                                    style={styles.icon_test}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_test.png')}
                                />
                            </View>
                            <View style={styles.test_list}>
                                <Text style={styles.test_font}>WIFI接入速度</Text>
                                <Image
                                    style={styles.icon_test}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_test.png')}
                                />
                            </View>
                            <View style={styles.test_list}>
                                <Text style={styles.test_font}>下行下载速率</Text>
                                <Image
                                    style={styles.icon_test}
                                    resizeMode="contain"
                                    source={require('../../assets/img/icon_test.png')}
                                />
                            </View>
                        </View>
                    </View>
                    <View style={[styles.center,{height:her}]}>
                        <View style={styles.fgwrap}>
                            <Text style={styles.fgFont}>覆盖测试</Text>
                        </View>
                    </View>
                </ScrollView>


            </View>
        );
    }
}


//export default SimpleApp;
//module.exports=ZhuangTai;
//export default zhuangTai

AppRegistry.registerComponent('iHGuapp', () => HeadOne);